<template>
  <div
    class="bg-white text-#333639 transition-all shadow shadow-#e8e8e8"
    :class="{
      'b-rd-10': !noRadius,
      'p-20': !noPadding,
    }"
    dark="bg-dark text-white text-opacity-82 shadow-#111"
  >
    <slot></slot>
  </div>
</template>

<script lang="ts" setup>
interface Props {
  noRadius?: boolean;
  noPadding?: boolean;
}
defineProps<Props>();
</script>
